/*
Theme Name: Holi
Theme URI: http://rectmedia.com/
Description: Theme for PT. Holi Karya Sakti
Version: 1.0
Author: mwawan@yahoo.com
Author URI: http://rectmedia.com
Tags: No Tags

	Enjoy it

*/
/* Reset default browser styles */

body {
    background: #999;
    color: #555;
    cursor: default;
    font:12px Georgia,Garamond,serif;
	background: #999 url("images/bg.png") repeat;
}
h1 {
    font-size: 20px;
    font-weight:normal;
}
#wrap { width:1009px; margin:auto;}
#header { }
#header_top {background:url(images/light.png) no-repeat;height:80px;}
#menu {padding-top:40px; margin-left:50px;position:relative;color:#fff; font-size:16px;}
#menu ul {list-style:none;}
#menu li {float:left;width:200px; text-align:center;}
#menu a {text-decoration:none;color:#fff;display:block;height:30px;}
#menu li:hover {float:left;width:200px;background:url(images/a_hover.png) no-repeat; text-align:center;}
.active {background:url(images/a_hover.png) no-repeat; }

#header_bottom {background:url(images/top.png) no-repeat; height:20px; }
#slogan {margin-top:-10px;margin-left:560px;height:18px;position:absolute;font-style:italic;font-weight:bold; }

#logo {background:url(images/logo.png) no-repeat; height:128px; width:185px;
position:absolute; margin-top:-70px; margin-left:865px;z-index:300;}
#header_middle {background:url(images/middle.png) no-repeat;position:relative; }


#contents {background:url(images/middle.png) repeat;min-height:520px;padding-top:10px;overflow:hidden}
#content_top {background:url(images/content_top.png) no-repeat; margin-left:40px;height:10px;width:924px;float:left;}
#content_middle {background:url(images/content_middle.png) repeat-y; margin-left:40px; min-height:530px;width:924px;float:left;}
#content_bottom {background:url(images/content_bottom.png) no-repeat; margin-left:40px;height:10px;width:924px;margin-top:-2px;float:left;
}

#content {padding-top:18px;margin-left:20px;margin-right:20px;min-height:450px;}
p {margin-top:10px;margin-bottom:10px;line-height:22px; }
#content_middle_slider {background:url(images/content_middle.png) repeat-y; margin-left:40px; height:310px;position:relative;width:924px;float:left;}
#content_middle_home {background:url(images/content_middle.png) repeat-y; margin-left:40px; height:218px;float:left;
position:relative;width:924px;}
#content_top_home {background:url(images/content_top.png) no-repeat; margin-left:40px;height:10px;width:924px;float:left;}
#content_bottom_home {background:url(images/content_bottom.png) no-repeat; margin-left:40px;height:10px;width:924px;margin-top:-2px;float:left;
}

#slider {margin-left:13px;height:304px;width:900px;}


#content_home {padding-top:3px;margin-left:20px;margin-right:20px;width:541px;}
.italic {font-style:italic;font-size:11px; }
#content_capability {padding-top:18px;margin-left:20px;margin-right:20px;min-height:450px;width:550px;float:left;}
#image_capability {margin-top:70px;margin-right:20px;position:relative;float:left;}
#row {width:310px;margin-top:5px;}
#content_contact_us {padding-top:18px;margin-left:20px;margin-right:20px;min-height:480px;width:885px;}
#content_left {width:60%; min-height:480px; border: 0px solid black;}
#content_right {width:395px; min-height:480px; margin-top:-495px; margin-left: 500px; border:1px solid #F0F0F0;}
form {width:100%; height:250px; margin-left:20px; margin-top:20px;}
td {height:30px;vertical-align:middle;}
.text_image {padding-left:2px;padding-top:3px;width:325px; height:27px;background:url(images/textbox.png) no-repeat;}
.textarea_image {padding-left:2px;padding-top:3px;width:325px; height:116px;background:url(images/textarea.png) no-repeat;}
input[type="text"] {width:315px;border:0px solid white; }

#footer {}
#footer_top {background:url(images/bottom.png) no-repeat;padding-top:20px; text-align:right;padding-right:20px;padding-bottom:10px;
color:#fff; font-size:11px;}
#social {margin-top:-40px;margin-left:20px;}
#products_list {width:920px; height:440px;margin-left:60px;padding-top:10px;}
.products {width:148px;float:left; padding-left:4px;height:418px; padding-top:4px;z-index:2;}
.imgproducts {width:148px;float:left; padding-left:4px;height:418px; padding-top:4px;z-index:2;}
#products1 {
background:url(images/products_1.png) no-repeat;padding-top:4px;z-index:1;
 }
 #products2 {
background:url(images/products_2.png) no-repeat;padding-top:4px;
 }
 #products3 {
background:url(images/products_3.png) no-repeat;padding-top:4px;
 }
 #products4 {
background:url(images/products_4.png) no-repeat;padding-top:4px;
 }
 #products5 {
background:url(images/products_5.png) no-repeat;padding-top:4px;
 }
  #products6 {
background:url(http://holikaryasakti.com/wp-content/themes/Holi/images/products_6.png) no-repeat;padding-top:4px;
 }
.products:hover {
background:transparent url(images/hover.png) no-repeat;
width:148px; 
padding-left:4px;
padding-top:4px;
height:410px;
}
.products_title {margin-right:10px;width:100px;font-size: 24px; font-weight:bold; color: black;
                text-align:right;float:right;margin-top:-10px;}
#content_product {padding-top:18px;margin-left:20px;margin-right:20px;min-height:450px;width:885px;}
#content_product_flash {padding-top:15px;width:885px;text-align:center;padding-bottom:15px;}

.main_image {
	width: 598px; height: 304px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden;
	color: #fff;
}
.main_image h2 {
	font: 18px normal Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0;
	line-height: 1.6em;
}
.block small {
	padding: 0 0 0 20px;
	background: url(images/icon_calendar.gif) no-repeat 0 center;
	font-size: 1em;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	font: 12px normal Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(images/btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute;
	top: -27px; right: 20px;
}
.main_image a.show {background-position: left bottom;}


.image_thumb {
	float: left;
	width: 299px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 35px 0;
	list-style: none;
	background: url(images/backgroundslider.png) repeat-x;
	width: 299px;
	height: 232px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.image_thumb ul li{
	margin: 0; padding: 12px 10px;
	background: #f0f0f0 url(images/nav_a.gif) repeat-x;
	width: 279px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	color:black;

}
.image_thumb  #thumb_list li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
#slider .image_thumb ul li h2 {
	font: 16px normal Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 270px;
}
.image_thumb ul li p{display: none;}

.clear{
clear:both;
}
#textcontact{
	text-align:center;
}
#textcontact a{color:#70080A;}
#content_breadcrumb {margin-bottom:8px;}
#content_breadcrumb a{color:#70080A;}